.article-detail{
  .article-box{
      background:#fff;
      .artice-title{
          font-weight:bold;
          text-align:center;
      }
      .article{
          word-break: break-all;
          white-space: pre-wrap;
          img{
              max-width:100% !important;
          }
      }
  }
  .article-info{
      background:#fff;
      .article-info-item{
          &:last-child{
              margin-bottom:0;
          }
      }
      .label{
          float:left;
      }
      .value{
          float:left;
          word-wrap:break-word; 
      }
  }
}
@media screen and (min-width: 1049px) {
    .article-detail{
      .article-box{
          min-height:400px;
          padding:12px 24px 36px;
          border-radius:4px;
          .artice-title{
              margin:20px 0 28px;
              font-size:19px;
          }
      }
      .article-info{
          padding:12px;
          margin-top:15px;
          border-radius:4px;
          .article-info-item{
              margin-bottom:15px;
              &:last-child{
                  margin-bottom:0;
              }
          }
          .label{
              width:100px;
              svg{
                margin-right:4px;
              }
          }
          .value{
              width:470px;
          }
      }
    }
}
@media screen and (max-width: 1050px) {
    .article-detail{
      .article-box{
          min-height:8rem;
          padding:0.24rem 0.48rem 0.72rem;
          border-radius:0.08rem;
          .artice-title{
              margin:0.4rem 0 0.56rem;
              font-size:0.38rem;
          }
      }
      .article-info{
          padding:0.24rem;
          margin-top:0.3rem;
          border-radius:0.08rem;
          .article-info-item{
              display:flex;
              margin-bottom:0.3rem;
              &:last-child{
                  margin-bottom:0;
              }
          }
          .label{
              width:2rem;
              svg{
                margin-right:0.08rem;
              }
          }
          .value{
            flex:1;
          }
      }
    }
}